<nz-sider>
	<form nz-form [formGroup]="validateForm" class="ant-advanced-search-form">
      <div nz-row [nzGutter]="24">
        <div nz-col [nzSpan]="24">
          <nz-form-item nzFlex>
            <nz-form-label nzFor="productName">商品名称</nz-form-label>
            <nz-form-control>
              <input nz-input placeholder="商品名称" id="productName" formControlName="productName">
            </nz-form-control>
          </nz-form-item>
        </div>
                <div nz-col [nzSpan]="24">
          <nz-form-item nzFlex>
            <nz-form-label nzFor="productPrice">商品价格</nz-form-label>
            <nz-form-control>
              <input nz-input placeholder="商品价格" formControlName="productPrice" id="productPrice">
            </nz-form-control>
          </nz-form-item>
        </div>
                        <div nz-col [nzSpan]="24">
          <nz-form-item nzFlex>
            <nz-form-label [nzSpan]="8">商品类别</nz-form-label>
            <nz-form-control [nzSpan]="16">
              <nz-select formControlName="phoneNumberPrefix">
                <nz-option nzLabel="请选择类别" nzValue=""></nz-option>
                <nz-option nzLabel="类别1" nzValue="1"></nz-option>
                <nz-option nzLabel="类别2" nzValue="2"></nz-option>
                <nz-option nzLabel="类别3" nzValue="3"></nz-option>
                <nz-option nzLabel="类别4" nzValue="4"></nz-option>
              </nz-select>
            </nz-form-control>
          </nz-form-item>
        </div>
      </div>
		<div nz-row>
			<div nz-col [nzSpan]="24" style="text-align: center;">
				<button nz-button [nzType]="'primary'">搜索</button>
				<button nz-button (click)="resetForm()">重置</button>
			</div>
		</div>
	</form>
	<div class="search-result-list">
		{{now | date:'yyyy-MM-dd HH:mm:ss'}}
	</div>
</nz-sider>
